<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .biaodan{
            width:35%;
            margin:0 auto;
            margin-top:70px;
            background-color:#fff;
            height:350px;
            border:1px solid #ddd;
        }
        .biaodan .diav_left{
            float:left;
            padding-left:10%;
            padding-top:5%;
            *padding-left:10%;
        }
        .biaodan .diav_right{
            float:left;
            padding-top:6%;
            padding-left:10%;
        }
        .biaodan .bottom{
            clear:left;
            font-size:12px;
            margin-left:60%;
            *margin-left:60%;
            *margin-top:30px;
            padding-top:40px;
        }
        .biaodan .bottom span a{
            text-decoration: none;
            color:#333;
            padding-left:3px;
        }
    </style>
    <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript">
        /*window.onload=function(){
            var type;
            var str="任意字符";
         document.getElementById("user_name").onfocus=function(){
             if( document.getElementById("user_name").value='支持qq号/邮箱/手机登录'){
                 document.getElementById("user_name").value='';
             }
         }
            document.getElementById("user_name").onblur=function(){
                if( document.getElementById("user_name").type=str){
                  document.getElementById("usernametip").innerText="qq号不能以字母开头";
                }
            }
        }*/
        $(document).ready(function(){
            function focus(){
                var oInp=$("#user_name").val();
                if(oInp.val='支持qq号/邮箱/手机登录'){
                    $("#usernametip").val('');
                }

            }


        });
    </script>
</head>
<body>
<div class="biaodan">
    <div class="diav_left">
        <p>安全登录 防止被盗</p>
        <img src="img/ptqrshow.png"/>
        <p>使用qq手机版扫描二维码</p>
    </div>
    <div class="diav_right">
        <p>账号登录</p>
       <input type="search" name="user_name" id="user_name" value="支持qq号/邮箱/手机登录"/><font id="usernametip" style="color:red"></font></br></br>

        <input type="password" name="psd" id="psd" value="密码"/></br></br>
        <button type="button" value="登录">登录</button>
    </div>
    <div class="bottom">
        <span><a href="#">忘记密码了？</a>|</span>
        <span><a href="#">注册新账号</a>|</span>
        <span><a href="#">意见反馈</a></span>
    </div>
</div>

</body>
</html>